<!--
 * @Date: 2023-11-17 17:44:17
 * @LastEditTime: 2023-11-30 13:48:41
 * @Description: content
-->
<template>
  <view
    class="content common_bg"
    :style="{
      backgroundImage: `url(${$img('/static/img/3_qy_bg.png')})`
    }"
  >
    <uni-nav-bar
      left-icon="left"
      color="#fff"
      backgroundColor="transparent"
      :fixed="true"
      :statusBar="true"
      :border="false"
      @clickLeft="$c.back"
    ></uni-nav-bar>

    <view class="rule-list">
      <view
        class="rule-item common_bg"
        v-for="(item, i) in listData"
        :key="i"
        :style="{
          backgroundImage: `url(${$img('/static/img/3_qy_card.png')})`
        }"
      >
        <view class="rule-title hang1">{{ item.title }}</view>

        <scroll-view class="rule-content" scroll-y>
          <view v-html="item.content"></view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      listData: []
    }
  },

  onLoad(options) {
    this.listData = uni.getStorageSync('_qy_rule')
  }
}
</script>

<style lang="scss">
.content {
  min-height: 100vh;
  box-sizing: border-box;
  background-size: 100% auto;
  background-color: #2b2f54;

  .rule-list {
    padding: 470rpx 30rpx 30rpx;

    .rule-item {
      height: 460rpx;
      padding: 0 40rpx;
      margin-top: 30rpx;

      .rule-title {
        padding: 50rpx 0 30rpx;
        text-align: center;

        font-size: 44rpx;
        font-family: YouSheBiaoTiHei;
        font-weight: 400;
        color: #ffffff;
      }

      .rule-content {
        // background: #f00;
        height: 300rpx;

        font-size: 24rpx;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #ffffff;
        line-height: 48rpx;
      }
    }
  }

  .common_bg {
  }
}
.common_bg {
}
</style>
